<!doctype html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	 <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrapSpace.css">
    <link rel="stylesheet" href="css/style.css">
	<script src="js/jquery.js"></script>
	<script src="js/generic.js"></script>
	<script src="js/bootstrap.js"></script>
	<title>Aula virtual | Web</title>
      <script>
      	 $(document).ready(function(){
		var error = <?php echo (!isset($_GET['attempt'])) ? 0 :$_GET['attempt'];?>;
		if(error){
			$('#user').focus();
			alert("usuario o password incorrectos, intentelo nuevamente");
		};
   	});
      </script>
</head>
<body>
	 
    <div id="wrap">
        <div class="navbar-wrapper">
		<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Aula virtual</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">Nosotros</a></li>
            <li><a href="#contact">Contactanos</a></li>
          </ul>
            
                <a class="navbar-text pull-right navbar-link" href="registrarse.html">Registrarse</a>
  			         	
                <form  id="loginForm"  method="post" action="modules/logIn.php" class="navbar-form navbar-right">
                    <label class="label"><strong> Acceso a Usuarios:</strong></label>
				 	<div class="form-group">
						<label for="user" class="sr-only">Usuario:</label>					
				 		<input type="text" class="form-control" id="user" name="user" value="" placeholder="usuario">
				 	</div>
				 	<div class="form-group">
						<label for="password" class="sr-only">Contraseña</label>
				 		<input type="password" class="form-control" id="password" name="pass" value="" placeholder="Contraseña">
				 	</div>
				 	<button type="submit" class="btn btn-default">Ingresar</button>
		 		</form>
            

			

        </div><!--/.nav-collapse -->
      
	</div>
	</div>
<div class="container">
	<div id="myCarousel" class="carousel slide">
		<ol class="carousel-indicators">
		    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		    <li data-target="#myCarousel" data-slide-to="1"></li>
		    <li data-target="#myCarousel" data-slide-to="2"></li>
	  </ol>
		<div class="carousel-inner">
			<div class="item active">
				<img src="img/Doctor0.png" alt="">
				<div class="carousel-caption">
					<h1  style="color:white;"></h1>
				</div>
			</div>
			<div class="item">
				<img src="img/Doctor1.png" alt="">
				<div class="carousel-caption">
					<h1 style="color:white;"></h1>
				</div>
			</div>
			<div class="item">
				<img src="img/Doctor2.png" alt="">
				<div class="carousel-caption">
					<h1 style="color:white;"></h1>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
	</div>

        <div id="push"></div>
       </div>
    </div>
    <div class="container">
         <footer>
        <p class="pull-right"><a href="#">Ir arriba</a></p>
        <p>© 2013 webToolsDevelopers, Inc. · </p>
      </footer>
    </div>
     
</body>
</html>